<%--
  Created by IntelliJ IDEA.
  User: 30693
  Date: 2023/10/16
  Time: 16:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>添加界面</title>

    <style>
        select {
            background: transparent;
            border: 1px solid #ff3e41;
            line-height: 40px;
            height: 40px;
            box-sizing: border-box;
            font-size: 20px;
            font-weight: bold;
            border-radius: 4px;
            padding: 0 10px;
        }

        select option {
            background: rgb(193, 247, 244);
            color: rgb(36, 31, 31);
            font-size: 16px;
            font-weight: bold;

            /* 无效属性
            line-height: 60px;
            height: 60px;
             */
        }

        select option:hover {
            /* 全部无效 */
        }

        select option:checked {
            color: #fff;
            background: rgb(128, 64, 99);
        }
    </style>
</head>
<body>

<h1>新增宠物pet界面</h1>
<form action="/pet/add" method="post">

    <label>
        <input type="text" name="name" placeholder="新增宠物名称" required>
    </label>
    <p></p>
    <label>
        <%--        <input type="text" name="type" placeholder="新增宠物类型" required>--%>
        <select name="type">
            <option value="猫">猫</option>
            <option value="狗">狗</option>
            <option value="鸡">鸡</option>
            <option value="羊">羊</option>
        </select>
    </label>
    <p></p>
    <label>
        <input type="text" name="age" placeholder="新增宠物年龄" required>
    </label>
    <p></p>
    <label>
        <%--        <input type="text" name="sex" placeholder="新增宠物性别" required>--%>
        <select name="sex">
            <option value="公">公</option>
            <option value="母">母</option>
            <option value="公母">公母</option>
        </select>
    </label>
    <p></p>
    <div>
        <input type="submit" value="新增">
        <a href="/index.jsp"> <input type="button" value="跳转"></a>
    </div>

</form>

</body>
</html>
